<script setup lang="ts">
  import routeComponentName from '@/config/route-component-name'

  defineOptions({
    name: routeComponentName.setting.snCodeActivationSet,
  })
</script>

<template>
  <div class="register_set">
    <el-form>
      <el-form-item label="扫码显示">
        <router-link to="/busic/base/base/codescanning">
          <HPlainButton class="btn_show" color="#007cff">序列号扫码显示内容</HPlainButton>
        </router-link>
        <div class="tips">产品序列号二维码扫码内容编辑</div>
      </el-form-item>
    </el-form>
    <HPlainButton>保存</HPlainButton>
  </div>
</template>

<style lang="scss" scoped>
  .register_set {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 0 12px;

    :deep(.el-form) {
      .el-form-item {
        .el-form-item__label {
          height: 28px;
          line-height: 28px;
        }

        .el-form-item__content {
          flex-direction: column;
          align-items: flex-start;

          a {
            height: 28px;
            display: flex;
            align-items: center;
          }

          .tips {
            height: 16px;
            line-height: 16px;
            color: #606266;
          }
        }
      }
    }
  }
</style>
